<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1.hex 16进制
        //#0~f *3 or 6
        //div 块级元素
        //2. rgb 和 rgba(重点)
        //  rgb(0~255,0~255,0~255)  rgba(0~255,0~255,0~255,0~1)
        //3.hsl 和 hsla(了解) hsla(色调0~360,饱和度,亮度,透明度)
    </script>
    <div style="height: 100px; width: 200px; background-color: #0094ff;"></div>
    <div style="height: 100px; width: 200px; background-color: rgb(255, 0, 0);"></div>
    <div style="height: 100px; width: 200px; background-color: rgba(25, 1, 0,1)"></div>
    <div style="height: 100px; width: 200px; background-color: hsla(120,50%,50%,0.3)"></div>
</body>
</html>